.fixmove .btn-down {
  position: fixed;
  z-index: 9;
}
.moveup .banScroll {
  opacity: 0;
  visibility: hidden;
}
.moveup .banSlogan .mark,
.moveup .banSlogan .title {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}
.moveup .banSlogan .title {
  transition-delay: 0.5s;
}
#banScrollBox {
  padding-top: 100vh;
  -webkit-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
  z-index: 1; position: relative;
}
#banScrollBox .slick-slide .con {
  height: 100vh;
}
.banScroll {
  position: fixed;
  z-index: 1;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  overflow: hidden;
  width: 120vw;
  height: 120vh;
  -webkit-border-radius: 80px;
  -ms-border-radius: 80px;
  border-radius: 80px;
  opacity: 1;
  visibility: visible;
}
.mo-bg{display: none;}
@media screen and (max-width: 1920px) {
  .banScroll {
    -webkit-border-radius: calc(80 / 1920 * 100vw);
    -ms-border-radius: calc(80 / 1920 * 100vw);
    border-radius: calc(80 / 1920 * 100vw);
  }
}
.banScroll .slider {
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #add8e6;
  width: 100vw;
  height: 100vh;
}
.banScroll .masklay {
  background-color: rgba(34,87,152,0.2);
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
}
.banSlogan {
  width: 100vw;
  padding-top: calc(50vh - 105px);
  height: 100vh;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (max-width: 1920px) {
  .banSlogan {
    padding-top: calc(50vh - calc(105 / 1920 * 100vw));
  }
}
@media screen and (max-width: 750px) {
  .banSlogan {
    padding-top: calc(50vh - 50px);
  }
}
.banSlogan .mark {
  width: 210px;
  height: 210px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 45px;margin-bottom: 0;
}
@media screen and (max-width: 1920px) {
  .banSlogan .mark {
    width: calc(350 / 1920 * 100vw);
    height: calc(350 / 1920 * 100vw);
    /*margin-bottom: calc(45 / 1920 * 100vw);*/
  }
}
@media screen and (max-width: 750px) {
  .banSlogan .mark {
    width: 105px;
    height: 105px;
    margin-bottom: 15px;
  }
}
.banSlogan .mark img {
  max-width: 100%;
  max-height: 100%;
  display: block;
}
.banSlogan .title {
  font-size: 46px;
  font-weight: normal;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}
@media screen and (max-width: 1920px) {
  .banSlogan .title {
    font-size: calc(46 / 1920 * 100vw);
  }
}
@media screen and (max-width: 750px) {
    .banSlogan .title {
        font-size: 20px;
    }
    #banScrollBox{padding-top: 0;}
    .banSlogan{padding-top: 0px;display: none;}
    #banScrollBox .slick-slide .con{height: 220px;display: none;}
    .banScroll{position: static;width: auto !important;height: auto !important;border-radius: 0;
        -webkit-transform: translate(0,0);
        -moz-transform: translate(0,0);
        -o-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0);
    }
    .banScroll .slider{position: static;width: auto;height: auto;
        -webkit-transform: translate(0,0);
        -moz-transform: translate(0,0);
        -o-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0);
    }
    .banSlogan{height: auto;}
    .moveup .banScroll{opacity: 1;visibility: visible;}
    .mo-bg{display: block;height: 220px;
        background-position: center;background-repeat: no-repeat;
        -o-background-size: cover;
        -ms-background-size: cover;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover;
    }
}

.banSlogan .mark,
.banSlogan .title {
  opacity: 0;
  visibility: hidden;
  transition-duration: 0.35s;
}